<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>TEST</title>
</head>
<body>
	<ul> </ul>
	<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
	<script>
		$(function () {
			var ul = document.querySelector('ul');
			for(var i = 0; i < 100; i++) {
				var li = document.createElement('li');
				ul.appendChild(li);
			}

			// var lis = []
			// for(var i = 0; i < 100; i++) {
			// 	var li = document.createElement('li');
			// 	lis.push(li);
			// }
			// $(ul).append(lis);

			// var fragment = document.createDocumentFragment();
			// for(var i = 0; i < 100; i++) {
			// 	var li = document.createElement('li');
			// 	fragment.appendChild(li);
			// }
			// ul.appendChild(fragment);
		});
	</script>
</body>
</html>